<template>
  <n-split direction="horizontal" :max="0.5" min="200px" default-size="250px">
    <template #1>
      <conn-menu @select-table="(op) => tableListRef?.handleTableSelect(op)" />
    </template>
    <template #2> <table-list ref="tableListRef" /> </template>
  </n-split>
</template>

<script lang="ts" setup>
import ConnMenu from "./conn-menu/Index.vue";
import TableList from "./table-list/Index.vue";
import { useDialog, useMessage } from "naive-ui";

const tableListRef = ref<InstanceType<typeof TableList>>();

window.$dialog = useDialog();
window.$message = useMessage();
</script>
